<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="base_top.jsp" %>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>商品详情</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<link href="<%=basePath%>css/goods/goodsDetail1.css" rel="stylesheet" type="text/css">
    <link href="<%=basePath%>css/goods/goodsDetail2.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="<%=basePath%>js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="<%=basePath%>js/goods_detail/detail_tab.js"></script>
    <script type="text/javascript">
        $(function () {
            /* $("#slider3").responsiveSlides({
                manualControls: '#slider3-pager',
                maxwidth: 540,
                auto: false
            }); */
        });
    </script>
  </head>
  
<body style="width:100%; margin:0 auto; background-image:url(images/back.jpg); ">

<!--topbar开始-->
<%@ include file="../user/page_topbar.html" %>
<!--topbar结束-->
<!--主内容开始-->
<div class="bigmain">
    <!--guanggao开始-->
    <div class="header">
        <img alt="" class="img1" src="images/guanggao1.jpg"/>
        <img alt="" class="img2" src="images/guanggao2.png"/>
        <img alt="" class="img3" src="images/guanggao3.png"/>
        <img alt="" class="img4" src="images/guanggao4_1.png"/>
        <img alt="" class="img4" src="images/guanggao4_2.png"/>
        <img alt="" class="img4" src="images/guanggao4_3.png"/>
    </div>
    <!--guanggao结束-->
    <!--家具_demo开始-->
    <!--家具_demo左边开始-->
    <div class="bigmain_jiaju">
        <div class="left">
            <div class="left_top">
                <ul class="rslides" id="slider3">
                    <li><img src='<s:property value="#request.picUrls[0]"/>' alt=""/></li>
					<li><img src='<s:property value="#request.picUrls[1]"/>' alt=""/></li>
					<li><img src='<s:property value="#request.picUrls[2]"/>' alt=""/></li>
					<li><img src='<s:property value="#request.picUrls[3]"/>' alt=""/></li>
					<li><img src='<s:property value="#request.picUrls[4]"/>' alt=""/></li>
                </ul>
                <!-- Slideshow 3 Pager -->
                <ul id="slider3-pager">
                    <li><a href="JavaScript:void(0);"><img src='<s:property value="#request.picUrls[0]"/>' alt=""/></a></li>
					<li><a href="JavaScript:void(0);"><img src='<s:property value="#request.picUrls[1]"/>' alt=""/></a></li>
					<li><a href="JavaScript:void(0);"><img src='<s:property value="#request.picUrls[2]"/>' alt=""/></a></li>
			        <li><a href="JavaScript:void(0);"><img src='<s:property value="#request.picUrls[3]"/>' alt=""/></a></li>
					<li><a href="JavaScript:void(0);"><img src='<s:property value="#request.picUrls[4]"/>' alt=""/></a></li>
                </ul>
            </div>
            <hr/>
            <div class="left_bottom">
                <div class="left_bottom_text"><font>商品编码:1234567897</font></div>
                <div class="left_bottom_img">
                    <div class="left_bottom_img_text"><font>分享到：</font></div>
                    <div class="left_bottom_img_img"><img src="img/img_22.jpg"/><img src="img/img_22.jpg"/><img
                            src="img/img_22.jpg"/>
                        <div id="list_demo" style="margin-left:10px; float:left; cursor:pointer;" onclick="show()">
                            <font>v</font></div>
                        <div id="list_text" style="display:none; width:18px; height:36px;">
                        <img src="img/img_22.jpg" style="width:18px; height:18px; float:left;"/>
                        <img src="img/img_22.jpg" style="width:18px; height:18px; float:left;"/>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--家具_demo左边结束-->
        <!--家具_demo中部开始-->
        <div class="min">
            <div class="min_top">
                <div class="min_top_title">
                    <font class="fontstyle_one"><s:property value="#request.goods.goodsName"/></font><br/>
                    <!-- <font class="fontstyle_two">[&nbsp;550主城区免费配送安装&nbsp;]&nbsp;&nbsp;秋季家装嗨购中~更多惊喜资讯在线</font> -->
                </div>
                <div class="min_top_price">
                    <div class="min_top_price_left"><font>促&nbsp;销&nbsp;价</font></div>
                    <div class="min_top_price_right">
                        <div class="min_top_price_right_top"><font style="text-decoration:line-through; color:#FFF;"></font></div>
                        <div class="min_top_price_right_min"><font style="float:left; line-height:35px;">￥<s:property value="#request.goods.goodsPrice"/></font>
                            <div class="min_top_price_right_min_price"><font>限时促销</font></div>
                            <font style="float:left; margin-left:10px; margin-top:13px;">
                            <a href="#" style="text-decoration:underline; color:#FFF; font-weight:100">降价通知</a></font>
                        </div>
                        <div class="min_top_price_right_bottom">评分</div>
                    </div>
                </div>
            </div>
            <div class="min_min_daohang">
                <div class="min_min_daohang_left"><font>近期销量123件</font></div>
                <div class="min_min_daohang_border"></div>
                <div class="min_min_daohang_min"><font>共有1234条评价</font></div>
                <div class="min_min_daohang_border"></div>
                <div class="min_min_daohang_right"><font>送1234云钻</font></div>


            </div>
            <div class="min_bottom">
                <div class="min_bottom_peisong">
                    <div class="min_bottom_peisong_left"><font>配&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;送</font>
                    </div>
                    <div class="min_bottom_peisong_min"><font>xxx&nbsp;&nbsp;至</font>
                        <select id="seachprov" name="seachprov"
                                onChange="changeComplexProvince(this.value, sub_array, 'seachcity', 'seachdistrict');"></select>&nbsp;
                        <select id="seachcity" name="homecity"
                                onChange="changeCity(this.value,'seachdistrict','seachdistrict');"></select>&nbsp;
                        <span id="seachdistrict_div"><select id="seachdistrict" name="seachdistrict"></select></span>
                    </div>
                    <div class="min_bottom_peisong_right"><font>现货</font></div>

                </div>
                <div class="min_bottom_yanse">
                    <!-- <div class="min_bottom_peisong_left">
                        <font>颜&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;色</font>
                    </div>
                    <div class="min_bottom_yanse_img">
                    <img src="img/img_03.jpg"/>
                    <img src="img/img_03.jpg"/>
                    <img src="img/img_03.jpg"/>
                    </div> -->
                </div>
                <div class="min_bottom_yanse_font">
                    <ul>
						<s:iterator value="%{#request['goodsAttrs']}" id="goodsAttr">
						<li><strong><s:property value="#request.goodsAttr.attrName"/>:</strong>
							&nbsp;<s:property value="#request.goodsAttr.gaValue"/>
						</li>
						</s:iterator>
					</ul>
                </div>
                <div class="min_bottom_shuliang">
                    <!-- <div class="min_bottom_peisong_left"><font>购买数量</font></div>
                    <div class="min_bottom_shuliang_div" style="margin-left:6px;" id="min"><font>-</font></div>
                    <div class="min_bottom_shuliang_div" style="width:8%; background-color:#F3EFE9;">
                    <input type="text" value="1" id="num"/>
                    </div>
                    <div class="min_bottom_shuliang_div" id="add"><font>+</font></div> -->
                </div>
                <div style="border:1px solid #CCC; width:90%; margin:0 auto; float:left; margin-top:5px;"></div>
                <div class="min_bottom_xuanze">
                    <div class="min_bottom_peisong_left" style="width:10%;"><!-- <font>您已选择</font> --></div>
                    <div class="min_bottom_xuanze_right">
                        <div class="jiaju_demo_min_bottom_xuanze_right_div">
                            <!-- <font>#########</font> -->
                        </div>
                    </div>
                </div>
                <div class="min_bottom_btn">
                    <div class="min_bottom_btn_div">
                        <button type="button" style="width:106px; background-color:#5B3B00;">立即购买</button>
                    </div>
                    <div class="min_bottom_btn_div">
                        <button type="button" style="width:124px; background-color:#FCA600;" onclick='window.location.href="shopcart/addShopCart?goodsNum=<s:property value="#request.goods.goodsNum"/>&buyNum="'>加入购物车</button>
                    </div>
                    <div class="min_bottom_btn_div">
                        <button type="button" style="width:68px; background-color:#CCC; color:#000;" onclick='window.location.href="collect/addGoodsCollect?goodsNum=<s:property value="#request.goods.goodsNum"/>&collectName=<s:property value="#request.goods.goodsName"/>&picUrl=<s:property value="#request.picUrls[0]"/> "'>收藏</button>
                    </div>
                    <div class="min_bottom_btn_text">
                        <a href="#"><font>请告诉我们更低的价格</font></a>
                    </div>
                </div>
                <div class="bottom_zhifu">
                    <div class="min_bottom_peisong_left" style="line-height:40px;">
                        <font>支&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;付</font>
                    </div>
                    <div class="min_bottom_zhifu_div">
                        <div class="min_bottom_zhifu_div_logo">
                            <img src="img/img_29.jpg"/>
                        </div>
                        <div class="min_bottom_zhifu_div_text">
                            <font>快捷支付</font>
                        </div>
                    </div>
                    <div class="min_bottom_zhifu_div">
                        <div class="min_bottom_zhifu_div_logo">
                            <img src="img/img_29.jpg"/>
                        </div>
                        <div class="min_bottom_zhifu_div_text">
                            <font>快捷支付</font>
                        </div>
                    </div>
                    <div class="min_bottom_zhifu_div">
                        <div class="min_bottom_zhifu_div_logo">
                            <img src="img/img_29.jpg"/>
                        </div>
                        <div class="min_bottom_zhifu_div_text">
                            <font>快捷支付</font>
                        </div>
                    </div>
                    <div class="min_bottom_zhifu_div">
                        <div class="min_bottom_zhifu_div_logo">
                            <img src="img/img_29.jpg"/>
                        </div>
                        <div class="min_bottom_zhifu_div_text">
                            <font>快捷支付</font>
                        </div>
                    </div>
                </div>
                <div class="min_bottom_fuwu">
                    <div class="min_bottom_peisong_left" style="width:10%;"><font>服务承诺</font></div>
                    <div class="min_bottom_fuwu_text">
                        <font>正品保证</font></div>
                    <div class="min_bottom_fuwu_text">
                        <font>按时发货</font></div>
                    <div class="min_bottom_fuwu_text">
                        <font>极速退款</font></div>
                    <div class="min_bottom_fuwu_text">
                        <font>退货保障卡</font></div>
                    <div class="min_bottom_fuwu_text">
                        <font>七天无理由退换</font>
                    </div>
                </div>
            	<div style="display:none">
            		<input type="hidden" name="gcgId" id="gcgId" value='<s:property value="#request.gcgId"/>'/>
            	</div>
            </div>
        </div>
        <!--中部结束-->
        <!--右部分开始-->
        <div class="right">
            <div class="right_top"></div>
            <div class="right_min">
                <div class="right_min_xinyu">
                    <font>信誉：</font>
                    <img src=""/>
                </div>
                <div class="right_min_xinyu">
                    <font>信誉：</font>
                    <img src=""/>
                </div>
                <div class="right_min_xinyu">
                    <font>信誉：</font>
                    <img src=""/>
                </div>
                <div class="right_min_xinyu">
                    <font>信誉：</font>
                    <img src=""/>
                </div>
                <div class="right_min_miaoshu">
                    <div class="right_min_miaoshu_demo">
                        <div class="right_min_miaoshu_div"><font>描述</font></div>
                        <div class="right_min_miaoshu_text"></div>
                    </div>
                    <div class="right_min_miaoshu_demo">
                        <div class="right_min_miaoshu_div"><font>服务</font></div>
                        <div class="right_min_miaoshu_text"></div>
                    </div>
                    <div class="right_min_miaoshu_demo" style="border-right:0px">
                        <div class="right_min_miaoshu_div"><font>物流</font></div>
                        <div class="right_min_miaoshu_text"></div>
                    </div>
                </div>
                <div class="right_bottom">
                    <button type="button">进入店铺</button>
                    <button type="button">收藏店铺</button>
                </div>
            </div>

        </div>
        <!--主内容开始-->
        <div class="mainbody_wrap">
            <!--主内容左部分开始-->
            <%@include file="goodsDetail_left.html" %>
            <!--主内容左部分结束-->
            <!--主内容右部分开始-->
            <div class="detail">
                <div id="detail_notice" class="detail_notice">
                    <div id="detail_notice-tit" class="detail_notice-tit">
                        <ul>
                            <li class="detail_select">
                                <a href="JavaScript:void(0)">商品详情</a>
                            </li>
                            <li>
                                <a href="JavaScript:void(0)">交易评价</a>
                            </li>
                            <li>
                                <a href="JavaScript:void(0)">购买咨询</a>
                            </li>
                            <div style="width: 39%; height: 39px; border-bottom: 1px solid #c40000; float: left"></div>
                        </ul>
                    </div>
                    <div id="detail_notice-con" class="detail_notice-con">
                        <div class="detail_mod" style="display:block"></div>
                        <div class="detail_mod" style="display:none">
                        	<div class="li_bottom">
			                	<table>
			                  	<tbody>
			                      	<tr>
			                          	<td class="li_td_one">
			                              	<div class="one_font"><font>电脑收到了，非常满意，外形好看、质量好，正品、真心推荐亲们，值得购买，超级满意，果断给满分，下次还会购买！</font></div>
			                                  <div class="one_img">
			                                  	<img src="images/img_05_34.jpg" />
			                                    <img src="images/code.png" />
			                                  </div>
			                                  <div class="one_img_font"><font>今天</font></div>
			                                  <div class="one_jieshi"><font>解释：亲，感谢你对雷神产品的支持，不同的时间产品的活动销售价格也会有正常的波动呢，这个是正常现象。同时现在早购买，早享受哦。如果您在日常使用过程中有什么问题的话，可以联系我们在线客服帮您跟进解决哈。祝您购物愉快！</font></div>
			                              </td>
			                              <td class="li_td_two">
			                              	<!-- <div class="two_div">
			                                  	<font>颜色分类：银灰色</font><br />
			                                      <font>套餐类型：官方标配</font>
			                                 </div> -->
			                              </td>
			                              <td class="li_td_three">
			                              	<div class="three_div">
			                                  	<font>淘*****宝(匿名)</font>
			                                  </div>
			                              </td>
			                         </tr>
			                         <tr>
			                          	<td class="li_td_one">
			                              	<div class="one_font"><font>电脑收到了，非常满意，外形好看、质量好，正品、真心推荐亲们，值得购买，超级满意，果断给满分，下次还会购买！</font></div>
			                                  <div class="one_img">
			                                  	<img src="images/img_05_34.jpg" />
			                                      <img src="images/code.png" />
			                                  </div>
			                                  <div class="one_img_font"><font>今天</font></div>
			                                  <div class="one_jieshi"><font>解释：亲，感谢你对雷神产品的支持，不同的时间产品的活动销售价格也会有正常的波动呢，这个是正常现象。同时现在早购买，早享受哦。如果您在日常使用过程中有什么问题的话，可以联系我们在线客服帮您跟进解决哈。祝您购物愉快！</font></div>
			                              </td>
			                              <td class="li_td_two">
			                              	<!-- <div class="two_div">
			                                  	<font>颜色分类：银灰色</font><br />
			                                      <font>套餐类型：官方标配</font>
			                                  </div> -->
			                              </td>
			                              <td class="li_td_three">
			                              	<div class="three_div">
			                                  	<font>淘*****宝(匿名)</font>
			                                  </div>
			                              </td>
			                         </tr>
			                      </tbody>
			                    </table>
			                </div>
                        </div>
                        <div class="detail_mod" style="display:none"></div>
                    </div>
                </div>
            </div>
            <!--主内容右部分结束-->
            <!--广告-->
            <%@ include file="goods_bottom.html" %>
        </div>
        <!--主内容结束-->
    </div>
</div>
<!--main结束-->



<!--主内容结束-->
</body>
</html>
